<template>
  <footer>
    <div id="footer">
      <div class="line"><span></span>
        <div class="author"></div>
      </div>

      <section class="info clearfix">
        <p>
          吾生也有涯<br/>
          而知也无涯
        </p>
      </section>

      <div class="icon_link">
        <a :href="githuburl" target="_blank" title="github" class="icon_github"> <img src="../assets/images/github.png"/></a>
        <a href="#" target="_blank" title="email" class="icon_email"> <img src="../assets/images/email.png"/></a>
      </div>
      <p class="copy">
        {{copyright}}
      </p>
      <p class="beianhao">
        <a href="https://beian.miit.gov.cn/" target="_blank" class="beianhao">{{beianhao}}</a>
      </p>
    </div>
  </footer>
</template>

<script>
  export default {
    name: "MoolngFooter",
    computed: {
      copyright() {
        return this.$moolngutils.WEB_COPYRIGHT;
      },
      beianhao(){
        return this.$moolngutils.WEB_BEI_AN_HAO;
      },
      githuburl(){
        return this.$moolngutils.WEB_GITHUB_URL
      }
    }
  }
</script>

<style scoped>

</style>
